<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>wangEditor demo list</title>
    <style type="text/css">
        .body {
            width: 800px;
            margin: 0 auto 0 auto;
            font-size: 14px;
        }
    </style>
</head>
<body>
    <div class="body">
        <div id="div1"></div>
    </div>
    <div><button id="btn">获取数据</button></div>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>
    <!-- 引用js -->
    <script type="text/javascript" src="/wangEditor.js"></script>
    <script type="text/javascript">
        var E = window.wangEditor
        var editor = new E('#div1')

        // 开始创建
        const setting = {
            uploadImgShowBase64: true, // 是否允许上传base64位图片
            pasteFilterStyle: true, // 是否过滤粘贴的样式
            zIndex: 100, //设置层叠位置
            //菜单列表
            menus: [
                'head', // 标题
                'bold', // 粗体
                'fontSize',
                'fontName', // 字体
                'lineFontSize',
                'italic', // 斜体
                'underline', // 下划线
                'strikeThrough', // 删除线
                'foreColor', // 文字颜色
                // 'backColor',  // 背景颜色
                //   'link',  // 插入链接
                'list', // 列表
                'justify', // 对齐方式
                //   'quote',  // 引用
                //   'emoticon',  // 表情
                //   'image',  // 插入图片
                //   'table',  // 表格
                //   'video',  // 插入视频
                //   'code',  // 插入代码
                'undo', // 撤销
                'redo', // 恢复
            ],
            showLinkImg: false, //是否显示“网络图片”tab
            replaceSize: false,
            onchange: function (html) {
                console.log(html,'html')
            },
        }
        //配置给编辑器
        editor.customConfig = Object.assign(editor.customConfig, setting)
        editor.create()

        const string = `<p>时光不停留，岁月<span style="font-size: medium;color:#f00;">催人老。自诩发</span>质很<span style="font-size: x-large;">好的我，今天早晨发现已经有一根白头发</span>了，大概太劳累？一直以为我的发质遗传自妈妈，她有很浓密的黑发，恐怕也是遗传自姥姥，姥姥80多岁头发白的都不多。近期是白天上班，晚上上课，还要辅导小孩作业，周末干家务接送小孩上培训班。只有晚上有时间慢跑。自知已经不是大学时那个精力充沛的小伙子了，那时候是学习和运动的巅峰时期，上完一天课，还可以打篮球到很晚。年纪大了，要学会放下很多，好好照顾自己了。有几个友链已经打不开了，或者已经转到其他的站点，是时候清理一批了。为了保证友链页面的整齐，有意向友链的请报名填补空白。不知道十年之约还有几人能如约？</p>`

        editor.txt.html(string)

        const btn = document.getElementById('btn')

        btn.addEventListener('click',function(){
            const value = editor.txt.html()
            // console.log(value)
        })

    </script>
</body>
</html>
